<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#d1").click(function(){
    $("#a1").empty();
  });
});
$(document).ready(function(){
  $("#d2").click(function(){
    $("#a2").remove();
  });
});
$(document).ready(function(){
  $("#d3").click(function(){
    $("#a3").remove();
  });
});
$(document).ready(function(){
  $("#d4").click(function(){
    $("#a4").remove();
  });
});
</script>
</head>
<body>

<div data-role="page"  id="pageone">
  <div data-role="header">
    <h1>家庭收支管理</h1>
  </div>
  <br>
  <div align="center">
    <div class="head-img">
                <div id="preview" >
                    <img id="imghead" src="images/menage.png"  />
                </div>
            </div>
  <a href="add.html" data-role="button" data-inline="true" data-ajax="false">添加</a>
  <a href="zhuye.html" data-role="button" data-inline="true" data-ajax="false">返回</a>
  <input type="search" name="search" value=""/ placeholder="搜索内容..."> 
  </div>
      <table data-role="table" data-mode="" class="ui-responsive" id="myTable">
      <thead>
        <tr>
          <th data-priority="6">ID</th>
          <th data-priority="3">收入/支出</th>
          <th data-priority="7">金额</th>
          <th data-priority="1">姓名</th>
          <th data-priority="2">家庭</th>
          <th data-priority="4">删除</th>
          <th data-priority="5">修改</th>
        </tr>
      </thead>
      <tbody>
        <tr id="a1">
          <td>1</td>
          <td>收入</td>
          <td>300</td>
          <td>张三</td>
          <td>张家</td>
          <td id="d1"><a href="#" >删除</a></td>
          <td><a href="xiugai.html" data-ajax="false">修改</td>
        </tr>
        <tr id="a2">
          <td>2</td>
          <td>支出</td>
          <td>-200</td>
          <td>李四</td>
          <td>李家</td>
          <td id="d2"><a href="#" >删除</a></td>
         <td><a href="xiugai.html" data-ajax="false">修改</td>
        </tr>
        <tr id="a3">
          <td>3</td>
          <td>支出</td>
          <td>-500</td>
          <td>王五</td>
          <td>王家</td>
          <td id="d3"><a href="#" >删除</a></td>
         <td><a href="xiugai.html" data-ajax="false">修改</td>
        </tr>
        <tr id="a4">
          <td>4</td>
          <td>收入</td>
          <td>200</td>
          <td>赵六</td>
          <td>赵家</td>
          <td id="d4"><a href="#" >删除</a></td>
         <td><a href="xiugai.html" data-ajax="false">修改</td>
        </tr>
      </tbody>
    </table>
  </div>
</div> 
</body>
</html>
